<template>
  <div style="padding: 28px;">
    <div style="display: flex;justify-content: space-between;">
      <div
        style="width: 100%;height: 400px;background: #FFFFFF;padding: 20px 32px;"
      >
        <SportsOrganization></SportsOrganization>
      </div>
    </div>

    <div
      style="margin-top: 16px;display: flex;justify-content: space-between; "
    >
      <div
        style="width: 100%;height: 450px;background: #FFFFFF; padding: 20px 32px;"
      >
        <AmateurSportsSchool></AmateurSportsSchool>
      </div>
    </div>

    <div
      style="margin-top: 16px;display: flex;justify-content: space-between; "
    >
      <div
        style="width: 100%;height: 450px;background: #FFFFFF; padding: 20px 32px;"
      >
        <NationalBase></NationalBase>
      </div>
    </div>
    <div
      style="margin-top: 16px;display: flex;justify-content: space-between; "
    >
      <div
        style="width: 100%;height: 336px;background: #FFFFFF; padding: 20px 32px;"
      >
        <CulturalEducation></CulturalEducation>
      </div>
    </div>
    <div
      style="margin-top: 16px;display: flex;justify-content: space-between; "
    >
      <div
        style="width: 100%;height: 217px;background: #FFFFFF; padding: 20px 32px; display: flex;"
      >
        <div
          style="width: 33%;height: 334px;background: #FFFFFF;padding: 20px 32px;"
        >
          <div style="font-size: 16px;color: #1D2129;font-weight: 500;">
            经费投入
          </div>
          <div
            style="width: 100%;height: 127px;background: #F7F8FA;margin-top: 16px;padding-left: 12px;"
          >
            <img
              src="@/assets/img/Frame@2x (3).png"
              alt=""
              style="width: 44px;height: 44px;margin-top: 11px;"
            />
            <div style="font-size: 24px;font-weight: 400;color: #0F0F0F;">
              34,201
            </div>
            <div style="font-size: 11px;font-weight: 400;">
              当年体育经费总投入（万元）
            </div>
          </div>
          <div
            style="width: 100%;height: 127px;background: #F7F8FA;margin-top: 16px;padding-left: 12px;"
          >
            <img
              src="@/assets/img/Frame@2x (3).png"
              alt=""
              style="width: 44px;height: 44px;margin-top: 11px;"
            />
            <div style="font-size: 24px;font-weight: 400;color: #0F0F0F;">
              34,201
            </div>
            <div style="font-size: 11px;font-weight: 400;">
              当年足球经费总投入/万元
            </div>
          </div>
        </div>
      </div>
      <div
        style="width: 100%;height: 217px;background: #FFFFFF; padding: 20px 32px;"
      >
        <!-- <CulturalEducation></CulturalEducation> -->
      </div>
      <div
        style="width: 100%;height: 217px;background: #FFFFFF; padding: 20px 32px;"
      >
        <!-- <CulturalEducation></CulturalEducation> -->
      </div>
    </div>
  </div>
</template>

<script>
import SportsOrganization from "./components/SportsOrganization.vue";
import AmateurSportsSchool from "./components/AmateurSportsSchool.vue";
import NationalBase from "./components/NationalBase.vue";
import CulturalEducation from "./components/CulturalEducation.vue";
// import HonorAward from "./components/HonorAward.vue";

export default {
  components: {
    SportsOrganization,
    AmateurSportsSchool,
    NationalBase,
    CulturalEducation
    // HonorAward
  },
  data() {
    return {};
  },
  mounted() {},

  methods: {}
};
</script>

<style></style>
